<template>
	<view class="topMenuWarp">
		<ul class="topMenu">
			<li>推荐</li>
			<li>关注</li>
			<li>同城</li>
			<li>商城</li>
			<li>热点</li>
			<li>直播</li>
		</ul>
	</view>
</template>

<script>
	export default {
		name:"TopMenu",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	ul{
		list-style: none;
	}
	.topMenuWarp {
		width: 90%;
		position: fixed;
		top: 100rpx;
		left: 0;
		/* padding: 0 10rpx; */
		color: #fff;
		overflow: hidden;
		
	}
	.topMenu {
		display: flex;
		justify-content: space-around;
		overflow-x: scroll;
	}
</style>